diff options
| author | real-zephex <[email protected]> | 2024-04-02 22:41:19 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-04-02 22:41:19 +0530 |
| commit | 794cb6236fa256f8074c56f372eba05526e7c066 (patch) | |
| tree | 4d53c0977894bc2939e430e930fd9f6dda6ec0e5 /src/app/anime/[id]/[...animeId]/video.module.css | |
| parent | fixes: minor css modifications, added basic information about the last read m... (diff) | |
| download | dramalama-794cb6236fa256f8074c56f372eba05526e7c066.tar.xz dramalama-794cb6236fa256f8074c56f372eba05526e7c066.zip | |
UI Upgrades for anime section.
Diffstat (limited to 'src/app/anime/[id]/[...animeId]/video.module.css')
| -rw-r--r-- | src/app/anime/[id]/[...animeId]/video.module.css | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/src/app/anime/[id]/[...animeId]/video.module.css b/src/app/anime/[id]/[...animeId]/video.module.css new file mode 100644 index 0000000..d947fc3 --- /dev/null +++ b/src/app/anime/[id]/[...animeId]/video.module.css @@ -0,0 +1,75 @@ +.VideoMain { + max-width: 98%; + margin: 0px auto; +} + +.Video { + display: flex; + justify-content: center; + align-items: center; +} + +.VideoPlayer { + border-radius: 10px; + width: 75%; + height: auto; +} + +.EpisodesButtons { + display: flex; + flex-direction: column; + margin-left: 10px; + height: 500px; + overflow-y: auto; + width: 100px; + scrollbar-width: thin; +} + +.EpisodesButtons button { + width: 70px; + margin: 5px; + outline: none; + border: none; + padding: 5px; + font-family: "Quicksand"; + font-size: 14px; + border-radius: 5px; + cursor: pointer; + color: white; + background-color: #3d3d3d; + transition: background-color 0.2s linear; +} + +.EpisodesButtons button:hover { + background-color: #1f1f1f; + transition: background-color 0.2s linear +} + +@media screen and (max-width: 768px) { + + .VideoMain { + max-width: 99%; + } + + .Video { + display: block; + } + + .VideoPlayer { + width: 100%; + } + + .EpisodesButtons { + display: flex; + flex-direction: row; + height: auto; + width: auto; + margin-top: 10px; + margin-left: 0px; + overflow-y: auto; + } + + .EpisodesButtons button { + width: 50px; + } +}
\ No newline at end of file |